﻿/*
    This is main style sheet for common elements of all Nemesis administration interfaces.
    Do not modify it, unless you *really* know what you're doing.
    Place customizations in other style sheet files.
*/


/* General settings, default elements and commonly used pseudo-classes */
body {
    background-color: #cccccc;
    color: #000000;
    font-family: 'Segoe UI' , Arial, Helvetica, sans-serif;
    font-size: medium;
    margin: 0px;
    padding: 0px;
}
a:link {
    color: #cc6600;
}
a:visited {
    color: #663300;
}
a:hover {
    color: #ff0000;
}
img {
    border: none;
}
strong, .strong {
    font-weight: bold;
}
code, .code {
    font-family: Consolas, 'Courier New' , monospace;
    font-size: medium;
}
small, .small {
    font-size: 80%;
}
.l {
    text-align: left;
}
.r {
    text-align: right;
}
.c {
    text-align: center;
}
dd {
    margin-left: 2ex;
}

/* General page layout */
#container {
    width: 970px;
    margin: 20px auto;
    background-color: #ffffff;
    background-image: url(Images/BackgroundMain.gif);
    background-position: center top;
    background-repeat: repeat-y;
}
#container #header {
    background-color: #ff9900;
    background-image: url(Images/BackgroundHeader.gif);
    background-position: center top;
    background-repeat: no-repeat;
    color: #ffffff;
    padding: 10px 30px 0px 210px;
    font-size: 30px;
    line-height: 60px;
    height: 60px;
    font-style: italic;
    text-align: right;
}
#container #footer {
    background-color: #ff9900;
    background-image: url(Images/BackgroundFooter.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #ffffff;
    padding: 5px 30px 20px 30px;
    text-align: center;
    font-size: 70%;
    clear: both;
    font-style: italic;
}
#container #footer a:link, #container #footer a:visited {
    color: #ffffff;
}
#container #footer a:hover {
    color: #ffff00;
}

/* Main menu and its content */
#container #menu {
    background-color: #666666;
    background-image: url(Images/LogoAltairis.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 199px;
    float: left;
    margin-left: 10px;
    color: #ffffff;
    font-size: 90%;
    padding-bottom: 200px;
}
#container #menu a:link, #container #menu a:visited {
    color: #ffffff;
    text-decoration: none;
}
#container #menu a:hover {
    color: #ffff00;
}
#container #menu ul {
    list-style-position: inside;
    margin: 0px 10px 0px 0px;
    padding: 0px;
}
#container #menu li {
    padding-left: 2ex;
}
#container #menu .userinfo {
    margin: 10px;
    background-color: #999999;
    padding: .5ex;
}

/* Main area and its content */
#container #main {
    margin: 0px 10px 0px 211px;
    padding: 10px;
    font-size: 90%;
}

/* Headings */
h1 {
    margin: -10px -10px 10px -11px;
    padding: 5px 10px;
    font-weight: normal;
    font-size: 150%;
    background-color: #eeeeee;
    color: #666666;
    text-transform: uppercase;
    text-align: center;
}

/* Forms */
table.form {
    width: 720px;
}
table.form th {
    text-align: left;
    width: 200px;
    vertical-align: top;
}
table.form tfoot td {
    text-align: right;
}
table.form .validationsummary {
    text-align: left;
    background-color: #ffff99;
    padding: 1ex 0ex;
    margin: 1ex 0ex;
}
.textbox {
    font-family: 'Segoe UI' , Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #f6f6f6;
    border: solid 1px #cccccc;
    padding: .1ex .5ex;
}
.button {
    font-family: 'Segoe UI' , Arial, Helvetica, sans-serif;
    width: 90px;
    border: solid 1px #999999;
    background-color: #cccccc;
    color: #000000;
    font-weight: bold;
    padding: .5ex;
}
.button-important {
    font-family: 'Segoe UI' , Arial, Helvetica, sans-serif;
    width: 90px;
    border: solid 1px #990000;
    background-color: #ddcccc;
    color: #990000;
    font-weight: bold;
    padding: .5ex;
}

/* Grid */
table.grid {
    width: 720px;
    border-collapse: collapse;
}
table.grid th, table.grid td {
    border: solid 1px #666666;
    padding: .5ex;
}
table.grid thead th {
    text-align: left;
    background-color: #ffcc66;
}
table.grid tfoot td {
    border: none;
    text-align: right;
    font-weight: bold;
}
table.grid td.newitem {
    font-weight: bold;
    background-color: #ffffcc;
}
